*{
    margin: 0;
    padding: 0;
}
html{
font-size: 32vw;
height: 100%;

}
body{
font-size: 0.07rem;
height: 100%;
}
h3{
   

    height: 0.37rem;
    background-color: orange;
    text-align: center;
    line-height: 0.37rem;
    font-weight: 500;
    font-size: 0.18rem;
    position: relative;
    color: whitesmoke;
}
.icon-xiazai{
    position: absolute;
    right: 0.06rem;
    font-size: 0.21rem!important;
    color: red;

}
.back{
    position: absolute;
    left: .05rem;
    font-size: .34rem!important;
}

.ko li{
    
    
    height: 1.6rem;
    /* background-color: aqua; */
/* margin-bottom: 10px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.ko img{
width: 0.73rem;
height: 1.1rem;
position: absolute;
top: 0.13rem;
left: 0.03rem;



}
.ss{
color: red;
}
h4{
position: absolute;
padding: 0 0.02rem;
left: 0.88rem;
top: 0.17rem;
font-size: 0.12rem;
}
.di{
position: absolute;
left: 0.92rem;
top: 1rem;
font-size: 0.12rem;
}
.di2{
position:absolute;
  left: 2.5rem;
top: 1rem;
font-size: 0.1rem;

}
.s{ position:absolute;
  left: 1.5rem;
top: 1rem;
font-size: 0.12rem;
color:dimgrey;

}
.bb{
display: flex;
justify-content: space-around;
align-items: center;
height: 0.5rem;
/* background-color: blue; */
}
.bu1{
width: 0.5rem;
height: 0.3rem;
border-radius: 0.06rem;
/* background-color: brown; */
outline: none;

}
.bu2{
width: 0.5rem;
height: 0.3rem;
border-radius: 0.06rem;
/* background-color: brown; */
outline: none;
}
select{
width: 0.7rem;
height: 0.3rem;


box-sizing: border-box;

}


option{
height:0.4rem ;
text-align: center;
line-height: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.16rem;
}


.bot{
    position: sticky;
    bottom: 0;
        margin-top: 0.04rem;
        height: 0.3rem;
        background-color: #ccc;
        display: flex;
        text-align: center;
        line-height: 0.3rem;
        color: #666;
        border-bottom: 1px solid whitesmoke;
        border-top: 1px solid whitesmoke;
        
    }
    .bot span:nth-of-type(1){
        width: 0.7rem;
        height: 100%;
        /* background-color: aqua; */
        border-right: 1px solid whitesmoke;
        font-size: 0.14rem;

    }
    .bot span:nth-of-type(2){
        width: 0.7rem;
        height: 100%;
        /* background-color:rebeccapurple; */
        border-right: 1px solid whitesmoke;
        font-size: 0.14rem;

    }
    .bot span:nth-of-type(3){
        flex-grow: 1;
        height: 100%;
        /* background-color: darkorange; */
        font-size: 0.14rem;
    }
    .pp1{
        padding: 0.06rem 0.1rem;
        padding-left: 0.1rem;
        font-size: 0.06rem;
        font-family: "宋体";
        margin-top: 0.03rem;
        display: inline-block;

    }
    .pp2{
        padding-left: 0.9rem;

        font-size: 0.06rem;
        font-family: "宋体";
     
        display: inline-block;

    }
    .papa{
        color: #c36;
       padding-left: 0.3rem;
    }